<template>
  <section>
     <!-- 面包屑 -->
 <breadcrumbs></breadcrumbs>
    <div class="top-details-box">
      <div class="jianju">用户昵称: <span>{{tableData.wxUserName}}</span></div>
      <div class="jianju">回收站名称: <span>{{tableData.stopName}}</span></div>
      <div class="jianju">回收站地址: <span>{{tableData.address}}</span></div>
      <div class="jianju">回收站负责人: <span>{{tableData.contactName}}</span></div>
      <div class="jianju">回收站联系电话: <span>{{tableData.contactPhone}}</span></div>
      <div class="jianju">提交时间: <span>{{tableData.addTime}}</span></div>
      <div v-if="tableData.state==0">
          <div class="jianju">审核时间: <span>\</span></div>
      </div>
      <div v-if="tableData.state==1">
          <div class="jianju">审核时间: <span>{{tableData.checkTime}}</span></div>
      </div>
      
      <div class="jianju">订单编号: <span>{{tableData.backOrderNo}}</span></div>
      
       <div v-if="tableData.state==0">
          <div class="jianju">总计收益:  <span>\</span></div>
      </div>
      <div v-if="tableData.state==1">
           <div class="jianju">总计收益: <span>{{tableData.realMoney/100 || 0}}元</span></div>
      </div>


     
     
    </div>
    <div v-if="tableData.state==0">
      <div class="data-container scroll-table">
       
        <el-table :data="detailData"
                  border
                  style="width: 100%">
          <el-table-column prop="brandName"
                           label="投递品牌">
          </el-table-column>
          <el-table-column prop="backCount"
                           label="提交个数">
          </el-table-column>
          <!-- <el-table-column prop="realBackCount"
                           label="实际回收个数">
                           
          </el-table-column> -->
         
        </el-table>
      </div>
    </div>
     <div v-if="tableData.state==1">
      <div class="data-container scroll-table">
       
        <el-table :data="detailData"
                  border
                  style="width: 100%">
          <el-table-column prop="brandName"
                           label="投递品牌">
          </el-table-column>
          <el-table-column prop="backCount"
                           label="提交个数">
          </el-table-column>
          <el-table-column prop="realBackCount"
                           label="实际回收个数">
                           
          </el-table-column>
         
        </el-table>
      </div>
    </div>
  </section>
</template>

<script>
import breadcrumbs from "@/components/breadcrumbs.vue";
export default {
  name: "houseDetail",
   components: {

    breadcrumbs,
  },
  data () {
    return {
      backOrderId: "",
      detailData: [],
      tableData: [],
      count:'',
    }
  },
  created () {
    // console.log(this.$route.query.id)
    this.backOrderId = this.$route.query.backOrderId;
    this.houseData(this.backOrderId);
  },
  methods: {
    houseData (uid) {
      // console.log(mid)
      this.$api.user.getdingdanList({
        backOrderId: uid
      }).then(res => {
        if (res.code == 200) {
          this.tableData = res.data;
          this.detailData = res.data.list;
          this.count = res.data.totalCount;
         
        }
      })
    },
  }
}
</script>

<style scoped>
.top-details-box {
  margin-bottom: 50px;
  margin-top:30px;
  font-size: 20px;
}
.message-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.jianju{
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 20px;
}
</style>